/* MVP */
/* create date: 2013.05.21  Nida Kok */

/* ======================================================== PUBLIC ==========================================================*/

html,body,ul,li,input,p,h1 {
	margin:0;
	padding:0;
}

body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	behavior:url("data/csshover.htc");
	background:#e1e0de;
}

@font-face {
	font-family: 'TrajanProRegular';
	src: url('../data/TrajanPro-Regular.eot');
	src: local('☺'), url('../data/TrajanPro-Regular.woff') format('woff'), url('../data/TrajanPro-Regular.ttf') format('truetype'), url('../data/TrajanPro-Regular.svg#webfontXPPebDK1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TrajanProBold';
	src: url('../data/TrajanPro-Bold.eot');
	src: local('☺'), url('../data/TrajanPro-Bold.woff') format('woff'), url('../data/TrajanPro-Bold.ttf') format('truetype'), url('../data/TrajanPro-Bold.svg#webfontYyWXeP0b') format('svg');
	font-weight: normal;
	font-style: normal;
}

body.loginbg {
	background-color:#232323;
}

a {
	text-decoration:none;
}

h1 {
	font-size:20px;
}

.clear {
	clear:both;
}

.left {
	float:left;
}


.right {
	float:right;
}

.marginleft180 {
	margin-left:185px;
}




/* ======================================================== WAPPER ==========================================================*/
#wapper {
	width:1267px;
	height:100%;
	margin:0 auto;
	overflow:hidden;
}

/* ======================================================== LEFTCOL ==========================================================*/
#leftcol {
	width:248px;
	height:100%;
	background:#eee9e6;
	float:left;
	border-left:1px solid #d7d6d4;
	border-right:1px solid #d7d6d4;
	margin-bottom:-9999px;
	padding-bottom:9999px;
}

#leftcol .logo {
	width:234px;
	height:247px;
	margin-left:7px;
	border-bottom:1px dashed #ddd9d6;
	background:url(../images/logo.gif) no-repeat 83px 44px;
	float:left;
	display:inline-block;
}

.logo span {
	font-size:14px;
	width:234px;
	margin-top:195px;
	font-family: 'TrajanProRegular',Arial;
	color:#b4b2b3;
	text-align:center;
	display:block;
}

#leftcol .info {
	width:180px;
	height:auto;
	padding:37px 27px 40px;
	margin:0 7px;
	float:left;
	display:inline;
}

#leftcol .info.underline {
	border-bottom:1px dashed #ddd9d6;
}

#leftcol .info .avatar {
	width:20px;
	height:20px;
	background:url(../images/avatar.gif) no-repeat;
	margin-top:9px;
	float:left;
}

#leftcol .info .avatar img {
	width:20px;
	height:20px;
}

#leftcol .info .name {
	font-size:14px;
	margin:10px 0 0 8px;
	color:#000000;
	float:left;
}

#leftcol .edit .name {
	font-weight:bold;
	color:#2e323d;
}

#leftcol .edit .name:hover {
	background:url(../images/editname.gif) no-repeat;
}

.level {
	font-family: 'TrajanProRegular',Arial;
	color:#eee9e6;
	padding:0 3px;
	margin-left:7px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;  
	border-radius:2px;
	display:block;
	float:left;
}

.free {
	background:#999999;
}

.pro {
	background:#dd852b;
}

#leftcol .info .label {
	width:180px;
	margin-top:26px;
	color:#959493;
	float:left;
	display:inline-block;
}

#leftcol .info .label span {
	color:#548bad;
}

#leftcol .info .data {
	width:180px;
	_margin-right:-3px; 
	margin-top:5px;
	color:#dc7b09;
	float:left;
	display:inline-block;
}

.levelbox {
	width:248px;
	height:35px;
	background:#e6e2df;
	float:left;
}

.levelbox .underline {
	width:234px;
	height:34px;
	margin-left:6px;
	border-bottom:1px dashed #d6d2cf;
	float:left;
}

.levelbox .underline .m {
	font-size:18px;
	margin:8px 0 0 38px;
	font-family: 'TrajanProRegular',Arial;
	color:#a6a4a5;
	display:inline-block;
	float:left;
}
.levelbox .underline .m:hover {
	color:#dc7b09;
}

.levelbox .underline .m.news {
	padding-right:3px;
	background:url(../images/news.gif) no-repeat top right;
	
}

.levelbox .underline .v {
	font-size:18px;
	margin:8px 45px 0 48px;
	font-family: 'TrajanProRegular',Arial;
	color:#a6a4a5;
	display:inline-block;
	float:left;
}
.levelbox .underline .v:hover {
	color:#dc7b09;
}

.levelbox .underline .v.news {
	padding-right:6px;
	background:url(../images/news.gif) no-repeat top right;
	
}

.levelbox .underline .v-text {
	margin:10px 23px 0 34px;
	color:#8a8a8e;
	text-decoration:underline;
	float:left;
}

.levelbox .underline .v-text:hover {
	color:#dc7b09;
}


.levelbox .underline .upgrade {
	width:30px;
	height:20px;
	margin-top:6px;
	background:url(../images/upgrade.gif) no-repeat;
	float:left;
	display:block;
}

.levelbox .underline .upgrade:hover {
	background:url(../images/upgradehover.gif) no-repeat;
}

#leftcol .info .title {
	font-weight:bold;
	color:#4b4d56;
}

#leftcol .info .darkGray {
	color:#454545;
}

/* ======================================================== HEADER ==========================================================*/
#header {
	float:right;
}

ul#menu {
	width:984px;
	height:42px;
	margin:30px 0 0 30px;
	_margin:30px 0 0 15px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;  
	border-radius:4px;
	background:#2e323d;
	border-top:1px solid #242b34;
	float:left;
	display:inline;
	box-shadow: 1px 1px 2px #8e8f8f;
	-moz-box-shadow: 1px 1px 2px #8e8f8f;
	-webkit-box-shadow: 1px 1px 2px #8e8f8f;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#8e8f8f');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#8e8f8f')";
}

ul#menu li {
	list-style-type:none;
	border-right:1px solid #414550;
	float:left;
}

ul#menu li.cur {
	background:url(../images/menubg.gif) repeat-x bottom;
}

ul#menu li.first {
	-moz-border-radius:4px 0 0 4px;
	-webkit-border-radius:4px 0 0 4px;  
	border-radius:4px 0 0 4px;
}

ul#menu li.first a {
	padding:12px 25px 12px 32px;
}

ul#menu li a {
	font-size:14px;
	padding:12px 25px;
	border-right:1px solid #20232b;
	font-family: 'TrajanProRegular',Arial;
	color:#ffffff;
	float:left;
	display:block;
}

.search {
	width:186px;
	height:25px;
	margin:9px 31px 0 0;
	padding-left:13px;
	background:url(../images/searchbg.gif) no-repeat left;
	float:right;
	display:inline;
}

.search input.text {
	width:158px;
	height:25px;
	_height:22px;
	_padding-top:3px;
	border:0;
	float:left
}

.search input.submit {
	width:28px;
	height:25px;
	background:url(../images/search.gif) no-repeat;
	border:0;
	float:left;
	cursor:pointer;
	overflow:hidden;
	text-indent: -999px;
	font-size:0;
	line-height:0;
}

/* ======================================================== CONTENT ==========================================================*/
#content {
	width:984px;
	height:auto;
	margin-top:25px;
	float:right;
}

.qusetion {
	margin-left:22px;
	color:#969696;
	float:left;
	display:inline-block;
}

.qusetion span {
	color:#006699;
}

#content span.post {
	font-size:45px;
	margin:48px 0 0 23px;
	padding:10px 10px 10px 18px;
	font-family: 'TrajanProRegular',Arial;
	color:#ffffff;
	background:#de8d40;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;  
	border-radius:12px;
	float:left;
	display:block;
}

#content span.pay {
	font-size:55px;
	margin:50px 0 0 19px;
	font-family: "Microsoft YaHei" !important;
	color:#2e323d;
	display:block;
	float:left;
}

#content span.duration {
	font-size:16px;
	margin:92px 0 0 15px;
	color:#2e323d;
	float:left;
	display:block;
}

#content p.description {
	font-size:16px;
	line-height:62px;
	padding-left:40px;
	margin-top:13px;
	color:#666666;
}

#content p.description span {
	font-size:20px;
	color:#2e323d;
}

#content p.description span.level {
	font-size:12px;
	color:#ffffff;
	float:none;
	display:inline;
}

ul.choose {
	width:185px;
	padding:31px 0 0 40px;
	float:left;
}

ul.choose li {
	margin-bottom:10px;
	list-style-type:none;
	float:left;
}

.creditcardform {
	width:360px;
	padding:10px 0 0 40px;
	float:left;
}

.creditcardform label {
	font-size:16px;
	padding-top:40px;
	color:#2e323d;
	font-family: "Microsoft YaHei" !important;
	float:left;
}

.creditcardform input {
	height:27px;
	padding:5px;
	margin-top:8px;
	background:#ebeae9; 
	border:1px solid #a2a2a0;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
	float:left;
}

.creditcardform input.text {
	width:345px;
}

.creditcardform input.textw75 {
	width:65px;
}

.creditcardform input.textw103 {
	width:93px;
	margin-left:62px;
}

.creditcardform .diagonal {
	font-size:25px;
	padding:10px 12px 0;
	font-family: "Microsoft YaHei" !important;
	color:#2e323d;
	float:left;
}

.creditcardform .comfirm {
	width:160px;
	height:40px;
	margin:43px 0 0 85px;
	background:url(../images/confirm.gif) no-repeat;
	border:0;
	float:left;
	overflow:hidden;
	text-indent: -999px;
	font-size:0;
	line-height:0;
	cursor:pointer;
}

ul.workslist {
	margin-top:5px;
	float:left;
}

ul.workslist li {
	width:220px;
	height:227px;
	border:1px solid #d7d6d4;
	background:#f5f4ed;
	margin:0 29px 31px 2px;
	list-style-type:none;
	float:left;
	display:inline;
}

ul.workslist li.last {
	margin:0 0 31px 2px;
}

ul.workslist li img {
	width:220px;
	height:141px;
	float:left;
}

ul.workslist li .description {
	width:200px;
	height:44px;
	padding:12px 10px 0;
	border-bottom:1px solid #faf9f6;
	float:left;
}

ul.workslist li .description .avatar {
	width:30px;
	height:30px;
	float:left;
}

ul.workslist li .description .avatar img {
	width:30px;
	height:30px;
}

ul.workslist li .description a.title {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:7px;
	color:#2e323d;
	float:left;
	display:block;
}

ul.workslist li .description a.username {
	padding:0 12px 0 7px;
	font-style:italic;
	color:#b9b9b8;
	background:url(../images/add.gif) no-repeat center right;
	float:left;
	display:block;
}

ul.workslist li .description a.username:hover {
	background:url(../images/addhover.gif) no-repeat center right;
}

ul.workslist li div.time {
	font-size:14px;
	width:209px;
	height:21px;
	border-top:1px solid #e3e2de;
	padding:7px 11px 0 0;
	color:#a5a5a1;
	text-align:right;
	float:left;
}

ul.workslist li div.time span {
	padding-left:19px;
	background:url(../images/clock.gif) no-repeat center left;
}


.pageno {
	width:428px;
	_width:445px;
	height:46px;
	border:1px solid #edecea;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;  
	border-radius:6px;
	margin:11px 0 0 280px;
	float:left;
	display:inline;
}

.pageno ul {
	width:423px;
	_width:440px;
	height:39px;
	border:1px solid #cecdcb;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;  
	border-radius:6px;
	padding:6px 0 0 4px;
	background:#dbdad8;
	float:left;
}

.pageno ul li {
	color:#aaa9a7;
	background:#f6f5f3;
	border:1px solid #a9a8a6;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;  
	border-radius:4px;
	margin:0 5px 0 3px;
	padding:8px 11px;
	box-shadow: 1px 1px 2px #8e8f8f;
	-moz-box-shadow: 1px 1px 2px #8e8f8f;
	-webkit-box-shadow: 1px 1px 2px #8e8f8f;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#8e8f8f');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#8e8f8f')";
	list-style-type:none;
	float:left;
	display:inline;
}

.pageno ul li a {
	color:#aaa9a7;
}

.pageno ul li.cur {
	background:#c2c1bf;
	border:1px solid #b0afad;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#8e8f8f');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color='#8e8f8f')";
}

.pageno ul li.cur a {
	color:#ffffff;
}

.pageno ul li.prev,.pageno ul li.next {
	padding:8px 16px;
}

#content h1 {
	font-family: "Microsoft YaHei" !important;
	font-weight:bold;
	color:#333333;
	margin:0 0 13px 5px;
}

.uploadbox {
	width:730px;
	height:100%;
	background:#faf9f7;
	border:1px solid #d6d5d4;
	float:left;
	margin-bottom:-9999px;
	padding-bottom:9999px;
}

.worksbox {
	width:730px;
	height:100%;
	padding-bottom:23px;
	background:#faf9f7;
	border:1px solid #d6d5d4;
	float:left;
}

.titlebox {
	width:681px;
	height:36px;
	padding:16px 20px 0 29px;
	background:#2e323d;
	border-bottom:1px solid #40444e;
	float:left;
}

.titlebox span {
	font-family: "Microsoft YaHei" !important;
	font-size:19px;
	padding-right:23px;
	color:#ffffff;
	float:left;
}

.titlebox a.edit {
	font-size:16px;
	color:#ffffff;
	border-left:1px solid #595b62;
	padding-left:36px;
	margin-top:5px;
	background:url(../images/edit.gif) no-repeat 16px center;
	float:left;
}

.titlebox span.time{
	font-size:13px;
	color:#ffffff;
	padding:0 0 0 19px;
	margin-top:7px;
	background:url(../images/bclock.gif) no-repeat left center;
	float:right;
}
	
.uptool {
	width:730px;
	height:24px;
	margin-top:23px;
	background:url(../images/uptool.gif) repeat-x;
	float:left;
}

.uptooll {
	width:2px;
	height:24px;
	background:url(../images/uptooll.gif) no-repeat;
	float:left;
}

.uptoolr {
	width:2px;
	height:24px;
	background:url(../images/uptoolr.gif) no-repeat;
	float:right;
}

.uptool span {
	font-family: 'TrajanProRegular',Arial;
	font-size:14px;
	padding:4px 9px 0 6px;
	margin-left:247px;
	color:#2e323d;
	background:#faf9f7;
	float:left;
	display:inline-block;
}

.uptool input.insert {
	width:41px;
	height:24px;
	border:0;
	float:left;
	cursor:pointer;
	overflow:hidden;
	text-indent: -999px;
	font-size:0;
	line-height:0;
}

.uptool input.pic {
	background-color:#faf9f7;
	background-image:url(../images/insertpic.gif);
	background-repeat:no-repeat;
}

.uptool input.text {
	background-color:#faf9f7;
	background-image:url(../images/inserttext.gif);
	background-repeat:no-repeat;
}

.uploadbox #textbox {
	width:660px;
	height:128px;
	border:1px solid #c5c2c9;
	margin:25px 0 0 40px;
	float:left;
	display:inline-block;
}

.uploadbox #textbox textarea {
	font-size:12px;
	width:656px;
	height:124px;
	border:0;
}

.uploadbox ul.picbox,.worksbox ul.picbox {
	margin-left:40px;
	float:left;
	display:inline;
}

.uploadbox ul.picbox li,.worksbox ul.picbox li {
	margin:20px 0;
	list-style-type:none;
	float:left;
	display:inline;
}

.uploadbox ul.picbox li:hover {
	position:relative;
}

.uploadbox ul.picbox li:hover .pictool {
	width:660px;
	height:100%;
	background:#2d323d;
	position:absolute;
	top:0;
	left:0;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	z-index:1000;
	float:left;
}

.uploadbox ul.picbox li:hover .pictool a {
	width:33px;
	height:24px;
	margin:27% 8px 0 0;
	float:left;
	display:inline-block;
}

.uploadbox ul.picbox li:hover .pictool a.up {
	background:url(../images/up.png) no-repeat;
	margin-left:273px;
}

.uploadbox ul.picbox li:hover .pictool a.down {
	background:url(../images/down.png) no-repeat;
}

.uploadbox ul.picbox li:hover .pictool a.delete {
	background:url(../images/delete.png) no-repeat;
}

.uploadbox ul.picbox li img,.worksbox ul.picbox li img {
	width:660px;
	float:left;
}

.worksbox p {
	line-height:18px;
	padding:30px 30px 0 40px;
	color:#5c5c5c;
	float:left;
}

.splitline {
	width:660px;
	height:auto;
	border-bottom:1px dashed #bebdbc;
	float:left;
}

#content a.continue {
	width:161px;
	height:38px;
	margin:10px 30px 30px 0;
	background:url(../images/continue.gif) no-repeat;
	float:right;
	display:block;
}

.addmin {
	font-family: 'TrajanProRegular',Arial;
	font-size:18px;
	width:358px;
	height:48px;
	padding-top:30px;
	margin:20px 0 0 2px;
	color:#ffffff;
	background:#2d2d2c;
	text-align:center;
	float:left;
	display:block;
}

.addlike {
	font-family: 'TrajanProRegular',Arial;
	font-size:18px;
	width:358px;
	height:48px;
	padding-top:30px;
	margin:20px 0 0 13px;
	color:#ffffff;
	background:#afaeae;
	text-align:center;
	float:left;
	display:block;
}

a.addmin:hover,a.addlike:hover {
	text-decoration:underline;
}

.commentbox {
	width:732px;
	margin-top:27px;
	height:auto;
	float:left;
}

.commentbox span.title {
	font-family: "Microsoft YaHei" !important;
	font-size:14px;
	margin-left:5px;
	color:#4a4a4a;
	float:left;
}

.commentbox span.title span {
	color:#a4a4a3;
}

.commentbox textarea {
	font-size:12px;
	width:722px;
	height:58px;
	border:1px solid #d5d4d3;
	margin:26px 0 0 5px;
	padding:4px 0 0 5px;
	float:left;
}

.commentbox input.comfirm {
	width:160px;
	height:40px;
	margin:13px 0 0 5px;
	background:url(../images/confirm.gif) no-repeat;
	border:0;
	float:left;
	overflow:hidden;
	text-indent: -999px;
	font-size:0;
	line-height:0;
	cursor:pointer;
}

.commentbox ul {
	width:730px;
	margin-top:20px;
	border-top:1px dotted #bfbebc;
	float:left;
}

.commentbox ul li {
	width:725px;
	padding:23px 0 23px 5px;
	border-bottom:1px dotted #bfbebc;
	list-style-type:none;
	float:left;
}

.commentbox ul li .avatar {
	width:40px;
	height:auto;
	text-align:center;
	float:left;
}

.commentbox ul li .avatar img {
	width:40px;
	height:40px;
	float:left;
}

.commentbox ul li .avatar a {
	font-size:10px;
	margin-top:6px;
	-webkit-text-size-adjust: none;
	color:#303030;
	float:left;
}

.commentbox ul li .comment {
	font-family: "Microsoft YaHei" !important;
	width:552px;
	margin-left:23px;
	height:auto;
	float:left;
}

.commentbox ul li .comment .username {
	font-size:14px;
	font-weight:bold;
	color:#404040;
	float:left;
}

.commentbox ul li.user .username {
	color:#c87d3f;
}

.commentbox ul li.user a.bar {
	font-weight:bold;
	color:#999999;
	margin-left:25px;
}
.commentbox ul li.user a.bar:hover {
	color:#2d2d2c;
}


.commentbox ul li .comment .time {
	font-size:12px;
	font-weight:bold;
	margin:2px 0 0 8px;
	color:#999999;
	float:left;
}

.commentbox ul li.user .time {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
}

.commentbox ul li .comment p {
	width:552px;
	line-height:18px;
	margin-top:12px;
	color:#848484;
	float:left;
}
.commentbox ul li .comment p a {
	color:#2d2d2c;
}

.commentbox ul li .like {
	font-family: "Microsoft YaHei" !important;
	width:38px;
	color:#c36500;
	text-align:center;
	float:right;
}

.commentbox ul li .like a {
	width:36px;
	height:25px;
	padding-top:11px;
	margin-bottom:5px;
	border:1px solid #b1b1af;
	background:#2e323d;
	color:#ffffff;
	text-align:center;
	display:block;
}

.commentbox ul li.user .like a {
	width:36px;
	border:1px solid #b1b1af;
	background:#cccccc;
	color:#000000;
}

.commentbox a.more {
	font-family: 'TrajanProRegular',Arial;
	font-size:14px;
	width:732px;
	height:29px;
	padding-top:12px;
	margin-top:42px;
	_margin-right:-3px; 
	color:#999999;
	background:#22262b;
	text-align:center;
	float:left;
}
	

ul.deathlist {
	float:left;
}

ul.deathlist li {
	width:317px;
	height:154px;
	margin:0 16px 26px 0;
	list-style-type:none;
	float:left;
}

ul.deathlist li.last {
	margin:0 0 26px 0;
}

ul.deathlist li .profile {
	width:315px;
	height:80px;
	line-height:17px;
	border:1px solid #dbdad5;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;  
	border-radius:4px 4px 0 0;
	background:#f5f4ed;
	float:left;
}

ul.deathlist li .profile a.avatar {
	width:50px;
	height:50px;
	margin:15px;
	float:left;
	display:block;
}

ul.deathlist li .profile a.avatar img {
	width:50px;
	height:50px;
	float:left;
}

ul.deathlist li .profile .intro {
	width:215px;
	height:50px;
	margin-top:15px;
	color:#333333;
	float:left;
}

ul.deathlist li .profile .intro span {
	font-size:14px;
	font-weight:bold;
}

ul.deathlist li .profile .intro span a {
	font-size:12px;
	font-weight:100;
	color:#999999;
}

ul.deathlist li .profile .intro a.at {
	font-weight:bold;
	color:#333333;
}

ul.deathlist li ul.userdata {
	width:311px;
	height:41px;
	padding-left:4px;
	border-left:1px solid #dbdad5;
	border-right:1px solid #dbdad5;
	background:#edece6;
	float:left;
}

ul.deathlist li ul.userdata li {
	width:auto;
	height:auto;
	margin:auto;
	min-width:45px;
	padding:5px 11px;
	background:url(../images/rline.gif) no-repeat bottom right;
	list-style-type:none;
	float:left;
}

ul.deathlist li ul.userdata li.last {
	background:none;
}

ul.deathlist li ul.userdata li span.no {
	font-size:14px;
	font-weight:bold;
	color:#444444;
}

ul.deathlist li ul.userdata li span.label {
	font-size:10px;
	color:#949493;
	-webkit-text-size-adjust: none;
}

ul.deathlist li ul.userdata li span.add {
	padding-right:13px;
	background:url(../images/add.gif) no-repeat center right;
}

ul.deathlist li .location {
	width:315px;
	height:30px;
	margin-left:1px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;  
	border-radius:0 0 4px 4px;
	background:url(../images/locationbg.gif) repeat-x;
	float:left;
}

ul.deathlist li .location a.ico {
	color:#ffffff;
	padding-left:16px;
	margin:8px 0 0 14px;
	background:url(../images/locationico.gif) no-repeat left 2px;
	filter: DropShadow(Color=#000000, OffX=2, OffY=2, Positive=2);
	text-shadow: 0 2px 0 #000000;
	float:left;
}

ul.deathlist li .location a.resur {
	margin:9px 18px 0 0;
	color:#dc7b09;
	float:right;
}

.view {
	width:982px;
	height:181px;
	border:1px solid #d5d4d3;
	background:#eee9e6;
	float:left;
}

.view .avatar {
	width:136px;
	height:136px;
	margin:22px 25px 0;
	background:url(../images/avatar136.gif) no-repeat;
	float:left;
}

.view .avatarupload {
	width:136px;
	height:136px;
	margin:22px 25px 0;
	background:url(../images/avatar136upload.gif) no-repeat;
	float:left;
}

.view .avatar img {
	width:136px;
	height:136px;
}

.view .basicinfo {
	width:120px;
	margin-top:21px;
	float:left;
}

.view .basicinfo .username {
	font-size:16px;
	padding-top:4px;
	font-weight:bold;
	color:#41444e;
	float:left;
}

.view .basicinfo .date {
	font-family: "Microsoft YaHei" !important;
	margin-top:13px;
	color:#a5a5a5;
	float:left;
}

.view .basicinfo .edit {
	width:14px;
	height:16px;
	margin-top:48px;
	background:url(../images/editw.gif) no-repeat;
	float:left;
	display:block;
}

.view .perinfo {
	width:285px;
	height:auto;
	margin:25px 0 0 49px;
	float:left;
}

.view .perinfo span.title {
	font-weight:bold;
	color:#2e323d;
	width:265px;
	height:25px;
	margin-left:20px;
	float:left;
	display:block;
}

.view .perinfo ul.list {
	float:left;
}

.view .perinfo ul.list li {
	width:285px;
	height:27px;
	list-style-type:none;
	float:left;
}

.view .perinfo ul.list.edit li input.checkbox {
	margin-top:8px;
	float:left;
	display:block;
}

.view .perinfo ul.list li input.checkbox {
	display:none;
}

.view .perinfo ul.list li .perbox {
	width:263px;
	height:27px;
	line-height:26px;
	padding-left:2px;
	border-top:1px dotted #d6d1cf;
	float:right;
}

.view .perinfo ul.list.edit li .perbox label {
	width:auto;
	color:#a5a5a5;
	float:left;
}

.view .perinfo ul.list li .perbox label {
	width:70px;
	color:#a5a5a5;
	float:left;
}

.view .perinfo ul.list li .perbox span {
	color:#999999;
	float:left;
}

.view .perinfo ul.list.edit li .perbox span {
	display:none;
}

.view .perinfo ul.list.edit li .perbox span.uid {
	padding-left:6px;
	display:block;
}

.view .perinfo ul.list li .perbox .type {
	display:none;
}

.view .perinfo ul.list.edit li .perbox .type {
	width:210px;
	height:21px;
	margin-top:2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;  
	border-radius:4px;
	border:1px solid #cbc6c4;
	float:right;
	display:block;
}

.view .perinfo ul.list.edit li .perbox .type input {
	width:208px;
	height:19px;
	line-height:19px;
	border:0;
	float:left;
}


.view ul.statistics {
	width:236px;
	height:135px;
	margin:25px 15px 0 0;
	float:right;
}

.view ul.statistics li {
	width:236px;
	height:25px;
	line-height:25px;
	color:#303030;
	border-top:1px dotted #d6d1cf;
	list-style-type:none;
	float:left;
}

.view ul.statistics li.title {
	font-weight:bold;
	line-height:normal;
	color:#2e323d;
	border-top:none;
}

.view ul.statistics li span.right {
	color:#999999;
}
	

	

/* ======================================================== LOGIN ==========================================================*/
#login {
	width:398px;
	padding-left:31px;
	height:auto;
	margin:0 auto;
}

#login .header {
	width:363px;
	height:192px;
	margin-bottom:17px;
	float:left;
}

#login .header .logo {
	width:67px;
	height:125px;
	margin:35px 0 0 149px;
	background:url(../images/headerlogo.gif) no-repeat;
	display:inline-block;
	float:left;
}

#login .header span {
	font-family: 'TrajanProRegular',Arial;
	width:363px;
	color:#545250;
	font-size:14px;
	margin-top:18px;
	text-align:center;
	float:left;
}

#login #content {
	width:398px;
	height:auto;
	float:left;
}

#login #content label.account {
	width:210px;
	height:15px;
	margin:41px 0 0 9px;
	background:url(../images/account.gif) no-repeat;
	float:left;
	text-indent:-500000px;
}

#login #content label.password {
	width:110px;
	height:15px;
	margin:41px 0 0 9px;
	background:url(../images/password.gif) no-repeat;
	float:left;
	text-indent:-500000px;
}

#login #content a.forgotpw {
	width:89px;
	height:13px;
	margin:44px 0 0 13px;
	background:url(../images/forgotpw.gif) no-repeat;
	float:left;
	text-indent:-500000px;
	display:block;
}

#login #content a.forgotpw:hover {
	background:url(../images/forgotpwhover.gif) no-repeat;
	cursor:pointer;
}

#login #content input.text {
	font-family: 'TrajanProRegular',Arial;
	font-size:18px;
	height:42px;
	_height:33px;
	_padding-top:9px;
	width:344px;
	color:#333333;
	float:left;
	background:transparent;
	border:0;
}

.normal {
	width:401px;
	margin:12px 0 0 3px;
	float:left;
}
	

.lleft {
	width:4px;
	height:42px;
	background:url(../images/loginl.gif) no-repeat;
	float:left;
}

.lleft-short {
	width:4px;
	height:42px;
	background:url(../images/loginl-short.gif) no-repeat;
	float:left;
}

.lmid {
	width:347px;
	height:42px;
	padding-left:5px;
	background:url(../images/loginm.gif) repeat-x;
	float:left;
}

.lmid-short {
	width:195px;
	height:42px;
	padding-left:5px;
	background:url(../images/loginm.gif) repeat-x;
	float:left;
}

#login #content .lmid-short input.text {
	width:195px;
	_width:232px;
}

.lright {
	width:2px;
	height:42px;
	background:url(../images/loginr.gif) no-repeat;
	float:left;
}

#error .lleft{
	background:url(../images/errorl.gif) no-repeat;
}

#error .lmid{
	background:url(../images/errorm.gif) repeat-x;
}

#error .lright{
	background:url(../images/errorr.gif) no-repeat;
}

#error .ico {
	width:12px;
	height:12px;
	margin:19px 0 0 22px;
	background:url(../images/error.gif) no-repeat;
	float:left;
}


#correct .lleft{
	background:url(../images/correctl.gif) no-repeat;
}


#correct .lmid{
	background:url(../images/correctm.gif) repeat-x;
}


#correct .lright{
	background:url(../images/correctr.gif) no-repeat;
}

#correct .ico {
	width:17px;
	height:15px;
	margin:16px 0 0 21px;
	background:url(../images/correct.gif) no-repeat;
	float:left;
}

#content .login {
	width:364px;
	height:48px;
	margin-top:47px;
	background:url(../images/login.gif) no-repeat;
	border:0;
	float:left;
	overflow:hidden;
	text-indent: -999px;
	font-size:0;
	line-height:0;
	cursor:pointer;
}


#content .login:active {
	background:url(../images/loginactive.gif) no-repeat;
}

.signup {
	font-family: 'TrajanProRegular',Arial;
	font-size:12px;
	margin:30px 0 0 160px;
	_margin:30px 0 0 195px;
	color:#545250;
	float:left;
	display:inline-block;
}

.signup a {
	color:#545250;
	text-decoration:underline;
}

.signup a:hover {
	color:#2f5265;
}

/* ======================================================== REGISTER ==========================================================*/
#login #content label.name {
	width:58px;
	height:15px;
	margin:41px 0 0 9px;
	background:url(../images/name.gif) no-repeat;
	float:left;
	text-indent:-500000px;
}

#login #content label.username {
	width:109px;
	height:15px;
	margin:41px 0 0 9px;
	background:url(../images/username.gif) no-repeat;
	float:left;
	text-indent:-500000px;
}

#login #content label.email {
	width:60px;
	height:15px;
	margin:41px 0 0 9px;
	background:url(../images/email.gif) no-repeat;
	float:left;
	text-indent:-500000px;
}

#login #content .description {
	margin:43px 0 0 15px;
	color:#545250;
	float:left;
	display:block;
}

#error .lleft-short {
	width:4px;
	height:42px;
	background:url(../images/errorl-short.gif) no-repeat;
	float:left;
}

#correct .lleft-short {
	width:4px;
	height:42px;
	background:url(../images/correctl-short.gif) no-repeat;
	float:left;
}

#error .lmid-short{
	background:url(../images/errorm.gif) repeat-x;
}

#correct .lmid-short{
	background:url(../images/correctm.gif) repeat-x;
}

.website {
	border-top:1px solid #3f3e3d;
	border-bottom:1px solid #3f3e3d;
	float:left;
}

.website span {
	font-family: 'TrajanProRegular',Arial;
	color:#adadad;
	background:#333333;
	font-size:14px;
	padding:10px 9px 10px 6px;
	_padding:11px 9px 11px 6px;
	display:block;
	border-right:1px solid #51514f;
	border-top:1px solid #1a1a1a;
	border-bottom:1px solid #1a1a1a;
}

#correct .website {
	border-top:1px solid #005988;
	border-bottom:1px solid #005988;
}

#error .website {
	border-top:1px solid #ae514f;
	border-bottom:1px solid #ae514f;
}
	
#content .submit {
	width:364px;
	height:48px;
	margin:47px 0 50px 0;
	_margin:3px 0 50px 0;
	background:url(../images/submit.gif) no-repeat;
	border:0;
	float:left;
	overflow:hidden;
	text-indent: -999px;
	font-size:0;
	line-height:0;
	cursor:pointer;
	display:inline;
}




#content .submit:active {
	background:url(../images/submitactive.gif) no-repeat;
}

	



/* ======================================================== FOOTER ==========================================================*/
#footer {
	width:1267px;
	height:61px;
	font-size:10px;
	-webkit-text-size-adjust: none;
	color:#9b9a99;
	float:left;
}

#footer span {
	width:799px;
	height:61px;
	margin-left:250px;
	padding:34px 0 0 218px;
	background:#e1e0de;
	float:left;
	display:inline-block;
}
